﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#sprints').change(function () {
                var val = $(this).val();
                if (val != "") {
                    window.location = '@(Url.Content("~"))sprints/' + val;
                }
            });
        });
    </script>
    @RenderSection("head", false)
</head>
<body>
    <div id="header" style="border-bottom: 1px solid Gray;">
        <span>ScrumTracker</span>
        <select id="sprints">
            <option value="" label="Select sprint..." />
            @foreach (var product in SessionHelper.Products)
            {
                <optgroup label="@product.Name">
                    @foreach (var sprint in product.Sprints)
                    {
                        <option class="sprint" label="@sprint.Name" value="@sprint.SprintId" />
                    }
                </optgroup>
            }
        </select>
        <a href="@Url.Action("List", "Products")">manage</a>
    </div>
    @RenderBody()
</body>
</html>
